<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>register</title>
    <link rel="stylesheet" th:href="@{/css/register.css}">
    <link rel="script" th:href="@{/js/register.js}">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <style>
        html {
            height: 100%;
            width: 100%;
            overflow: hidden;
            margin: 0;
            padding: 0;
            background: url(/img/Desert.jpg) no-repeat 0px 0px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            -moz-background-size: 100% 100%;
        }
    </style>
</head>

<body>
<div id="loginDiv">
    <form th:action="@{/register}" method="get">
        <h1>REGESTER</h1>
        <p>用户姓名:<input id="username" type="text" name="username" autofocus required><label id="name_trip"></label></p>

        <p>用户密码:<input id="password" type="password" name="password" required><label id="password_trip"></label></p>

        <p>确认密码:<input id="surePassword" type="password" required><label id="surePassword_trip"></label></p>

        <p>电话：<input id="userTel" type="phone" name="userTel"><label id="telephone_type"></label></p>

        <p>昵称:<input id="userNickName" type="text" name="userNickName" required><label id="NickName_trip"></label></p>

        <p class="hobby">
            <input type="checkbox" name="" id="">
            同意并协议并注册 <a href="#"> 共享平台用户协议</a>
        </p>

        <p style="text-align: center;">
            <input type="submit" class="button" onblur="checkForm()" onclick="return submitT()" value="提交">
            <input type="reset" class="button" value="重置">
        </p>
    </form>
</div>
</body>
</html>